<h:form xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<style type="text/css">
		.col {
			vertical-align:top;
		}
	</style>

	<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
		<tr>
			<td>
			<table width="100%" border="0" align="center" cellpadding="0"
				cellspacing="0" bgcolor="#FFFFFF">
				<tr>
					<td width="50" valign="top">
						<h:graphicImage value="/img/int_ayuda.gif" width="45" height="43" />
					</td>
					<td width="500" class="tab">
						<p>#{messages['introfin.requestcompleted']}</p>
						<p>#{messages['introfin.observation']}:</p>
						<ul style="line-height:normal;">
							<li>#{messages['introfin.observation1']}</li>
							<li>#{messages['introfin.observation2']}</li>
							<li>#{messages['introfin.observation3']}</li>
						</ul>
					</td>
				</tr>
			</table>
			</td>
		</tr>
	</table>

	<div align="center">
		<br/>
		<strong>#{messages['introfin.transactiondata']}</strong>
	</div>
	<rich:separator lineType="solid"/>
	<h:panelGrid columns="2" columnClasses="col,col">
		<h:outputText value="#{messages['intro.partyid']}:"/>
		<h:outputText value="#{transactionController.partyNationalIdentity}"/>

		<h:outputText value="#{messages['intro.fullname']}:"/>
		<h:outputText value="#{transactionController.partyName}"/>
		
		<h:outputText value="#{messages['intro.cashierscode']}:"/>
		<h:outputText value="#{transactionController.cashiersCode}"/>

		<h:outputText value="#{messages['intro.payment']}:"/>
		<h:outputText value="#{transactionController.payment}"/>

		<h:outputText value="#{messages['intro.description']}:"/>
		<h:inputTextarea value="#{transactionController.description}" readonly="true"
				rows="5" cols="30"/>
	</h:panelGrid>
	
	<br/>

	<div align="center">
		<strong>#{messages['introfin.attacheddocs']}</strong>
	</div>
	<rich:separator lineType="solid"/>

	<h:panelGroup id="tabla">
		<h:outputText value="#{messages['introfin.nofilesattached']}" rendered="#{empty transactionController.attachedFiles}"/>
		<br />
		<rich:dataTable id="datosTabla" value="#{transactionController.attachedFiles}"
				var="file" rowKeyVar="row" align="center"
				rendered="#{not empty transactionController.attachedFiles}">
			<rich:column>
				<f:facet name="header">#{messages['introfin.filename']}</f:facet>
				<h:outputText value="#{file.fileName}"/>
			</rich:column>
	
			<rich:column>
				<f:facet name="header">#{messages['intro.description']}</f:facet>
				<h:outputText value="#{file.descripcion}"/>
			</rich:column>
		</rich:dataTable>
	</h:panelGroup>

	<br />
	<br />
	<br />

	<a4j:commandButton value="#{messages['BACK']}" action="#{transactionController.hasAttachedFiles}"/>
	<h:outputText value="   "/>
	<a4j:commandButton value="#{messages['FINISH']}" action="#{transactionProcess.beginProcess}"
			oncomplete="#{rich:component('panelProcesos')}.hide()"
			reRender="panelActividades"/>
</h:form>
